[#include "/includes/_layout.html"/]
<link href="${webctx}/resources/css/menu-config.css" rel="stylesheet"/>
<link href="${webctx}/resources/css/component.css" rel="stylesheet"/>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
[@layout]
<div class="wrapper wrapper-content">
	<div class="content row ibox-content">
	

  <div class="menu_setting_area js_editBox"> 
   <div class="menu_preview_area"> 
    <div class="mobile_menu_preview"> 
     <div class="mobile_hd tc"></div> 
     <div class="mobile_bd app-design"> 
<!--       <ul class="pre_menu_list grid_line ui-sortable ui-sortable-disabled" id="menuList"> 
       <li class="js_addMenuBox pre_menu_item grid_item size1of1"> no_extra
	       <a href="javascript:void(0);" class="pre_menu_link js_addL1Btn" title="最多添加3个一级菜单"> 
	       <i class="icon14_menu_add"></i>添加菜单 
	       </a>
       </li> 
      </ul> -->
      
      <div class="app-preview">
			<div class="app-header"></div>
			<div class="app-entry">
			<div class="app-fields js-fields-region">
			 <div class="app-fields ui-sortable">
			 <!-- 通用部分 填充 -->
				<div class="app-field clearfix editing">
				  <div class="control-group">
				    <ul class="sc-goods-list clearfix size-2 card pic">
				        <!-- 大图  -->
				            <!-- 一大两小 -->
				                    <!-- 大图 -->
				                    <li class="goods-card big-pic card">
				                        <a href="javascript: void(0);" class="link js-goods clearfix">
				                            <div class="photo-block">
				                                <img class="goods-photo js-goods-lazy" src="https://img.yzcdn.cn/public_files/2015/10/28/69b0970572eb1ff21f919d265f4d1312.jpg">
				                            </div>
				                                <div class="info clearfix info-no-title info-price">
				                                        <p class="goods-title">此处显示商品名称</p>
				                                        <p class="goods-price"><em>￥9999.00</em></p>
				                                        <p class="goods-price-taobao"></p>
				                                </div>
				                                <div class="goods-buy btn1 "></div>
				                        </a>
				                    </li>
				                <!-- 小图 -->
				                    <li class="goods-card small-pic card">
				                        <a href="javascript: void(0);" class="link js-goods clearfix">
				                            <div class="photo-block">
				                                <img class="goods-photo js-goods-lazy" src="https://img.yzcdn.cn/public_files/2015/10/28/86551866bfc73cd54d4036f2248d3b06.jpg">
				                            </div>
				                                <div class="info clearfix info-no-title">
				                                        <p class="goods-title">此处显示商品名称</p>
				                                        <p class="goods-price"><em>￥9999.00</em></p>
				                                        <p class="goods-price-taobao"></p>
				                                </div>
				                                <div class="goods-buy btn1"></div>
				                        </a>
				                    </li>
				                <!-- 小图 -->
				                    <li class="goods-card small-pic card">
				                        <a href="javascript: void(0);" class="link js-goods clearfix">
				                            <div class="photo-block">
				                                <img class="goods-photo js-goods-lazy" src="https://img.yzcdn.cn/public_files/2015/10/28/2811e55fde033b2f87294b2b9f92080c.jpg">
				                            </div>
				                                <div class="info clearfix info-no-title">
				                                        <p class="goods-title">此处显示商品名称</p>
				                                        <p class="goods-price"><em>￥9999.00</em></p>
				                                        <p class="goods-price-taobao"></p>  
				                                </div>
				                                <div class="goods-buy btn1"></div>
				                        </a>
				                    </li>
				    </ul>
				    <div class="component-border"></div>
	         </div>
				<div class="actions">
					<div class="actions-wrap">
					<span class="action edit">编辑</span>
					<span class="action add">加内容</span>
					<span class="action delete">删除</span>
					</div>
				</div>	
	       </div>
	       <!-- 填充到此处结束 -->
	      </div>
	    </div>
		</div>
		
	  </div>
      <div class="app-add-field">
          <h4>添加内容</h4>
          <ul>
	        <li><a class="js-new-field" data-field-type="goods">商品</a></li>
	        <li><a class="js-new-field" data-field-type="goods_list">商品<br>列表</a></li>
	        <li><a class="js-new-field" data-field-type="image_ad">图片<br>广告</a> </li>
	        <li><a class="js-new-field" data-field-type="nav">图片<br>导航</a></li>
	        <li><a class="js-new-field" data-field-type="line">辅助线</a></li>
          </ul>
       </div>
	      
	      
	      
     </div> 
    </div> 
   </div>
   
       <!--内容填充编辑 -->
    <div class="menu_form_area">
       <div class="app-sidebar" style="display: block; margin-top: 64px;">
			<div class="arrow"></div>
			<div class="app-sidebar-inner js-sidebar-region">
			 <div>
			 <form class="form-horizontal" novalidate="">
			    <div class="form-group">
			        <label class="col-md-2 control-label">选择商品：</label>
                    <div class="col-lg-10">
                    </div>
			    </div>
            </form>
              </div>
              
              <div class="js-goods-style-region" style="margin-top: 10px;">
				<div>
					<form class="form-horizontal" novalidate="">
					<div class="form-group">
					 <label class="col-md-2 control-label">列表样式：</label>
					<div class="col-lg-10">
						<label class="radio_inline">
						<input name="size" value="0" type="radio">
						大图
						</label>
						<label class="radio_inline">
						<input name="size" value="1" type="radio">
						小图
						</label>
						<label class="radio_inline">
						<input name="size" value="2"  type="radio">
						一大两小
						</label>
						<label class="radio_inline">
						<input name="size" value="3" type="radio">
						详细列表
						</label>
						</div>
					</div>
					</form>
				</div>
				</div>
			</div>
        </div> 
      </div> 
   </div>
  
      
      
</div>
</div>
[/@layout]
<script type="text/javascript">
	Template.init("#menu-component");
</script>
</body>
</html>